﻿<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>上下左右无缝滚动jQuery插件</title>
    <meta name="keywords" content="上下左右,无缝滚动,jQuery插件" />
    <meta name="description" content="上下左右无缝滚动jQuery插件下载。实现上下左右自动滚动、无缝滚动。" />
    <meta name="author" content="js代码(www.jsdaima.com)" />
    <meta name="copyright" content="js代码(www.jsdaima.com)" />
    <!-- <script type="text/javascript" src="/static/js/protect.js"></script> -->
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <!-- <link rel="stylesheet" href="css/demo.css" /> -->
    <link rel="stylesheet" href="demo.css" />
</head>

<body>
    <div class="container">

        <p>上下滚动</p>
        <div class="roll-wrap roll_col" id="c">
            <ul class="roll__list" style="position: absolute; left: 0; top: 0;">
                <li class="li-1">1</li>
                <li class="li-2">2</li>
                <li class="li-3">3</li>
                <li class="li-4">4</li>
            </ul>
            <a class="control pre" href="javascript:;">&lt;</a>
            <a class="control next" href="javascript:;">&gt;</a>
        </div>

    </div>
    <script src="rollslide.js"></script>
    <script>
        $('#c').rollSlide({
            orientation: 'top',
            num: 1,
            v: 1500,
            //space: 500,
            isRoll: true
        });
    </script>
</body>

</html>